<!-- 我的查询 -->

<template>
  <WebSearch class="noMargin">
    <template #btn>
      <BtnDownload :disabled="!list.length" @click="toExport" />
    </template>

    <ParamTime label="开始时间" bind="beginTime" history noClear @change="changeDate" />
    <ParamTime label="结束时间" bind="endTime" history noClear @change="changeDate" />
    <ParamSelect bind="energyType" :dict="DICT.TYPE" noClear narrow @change="changeType" />
  </WebSearch>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MySearch',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [CORE.mixWeb()],

  /**
   * 本地方法 (轻量重要在前)
   */
  methods: {
    /**
     * 切换日期
     */
    changeDate() {
      const { beginTime, endTime } = this.param
      if (beginTime > endTime) CORE.merge(this.param, { beginTime: endTime, endTime: beginTime })
    },

    /**
     * 切换类型
     */
    changeType() {
      this.param.monitorPointSiteId = []
    },

    /**
     * 点击导出
     */
    toExport() {
      this.refTable.export(this.GETTER.fileName)
    },
  },
}
</script>
